<template>
	<div class="title" :style="styles">
		<span class="bg"><span class="border">{{ title }}</span></span>
	</div>
</template>

<script>
	export default {
		name: 'IndexTitle',
		props: {
			title:{
				type:String,
				default:''
			},
			styles:{
				type:String,
				default:''
			}
		},
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style scoped lang="less">
	.title{
		width:1200px;
		background: url(../assets/title-bg.png) repeat-y;
		margin:0 auto;
		font-size:20px;
		text-align: center;
		height:40px;
		line-height: 40px;
		font-weight: 600;
		color:#26598d;
		margin-top: 68px;
		margin-bottom: 25px;
		span{
			display: inline-block;
		}
		.bg{
			background-color: #fff;
			padding:0 8px;
			.border{
				border-left:4px solid #26598d;
				border-right:4px solid #26598d;
				padding:0 15px;
			}
		}
	}
</style>
